<template>
  <div id="app">
    <router-view></router-view>
    <!--  右下角按钮区域  -->
    <el-button-group style="position: fixed;right:7%;bottom:150px;z-index: 999;">
      <el-button icon="el-icon-caret-top" circle @click="toTop"></el-button>
    </el-button-group>
  </div>
</template>

<script>
export default {
  name: 'App',
  methods: {
    toTop() {
      document.querySelector('#app').scrollIntoView({behavior: 'smooth'});
    }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin: -10px;
}

::-webkit-scrollbar {
  display: none
}
</style>
